<div class="elevator-info">
  <nz-spin [nzTip]="'正在查询请等待...'" [nzSize]="'large'" [nzSpinning]="nzSpinning">

    <nz-collapseset>
      <nz-collapse [nzTitle]="'查询'" [nzActive]="true">
        <form nz-form [nzLayout]="'inline'">
          <div nz-row>
            <div nz-form-item nz-col [nzSpan]="8">
              <div nz-form-label nz-col [nzSm]="12" [nzXs]="12">
                <label>外部关联码或注册代码</label>
              </div>
              <div nz-form-control nz-col [nzSm]="12" [nzXs]="12">
                <nz-input  style="width: 200px;" name="elevatorNum" [(ngModel)]="elevatorlBean.elevatorNum">
                </nz-input>
              </div>
            </div>
            <div nz-form-item nz-col [nzSpan]="6">
              <div nz-form-label nz-col [nzSm]="12" [nzXs]="6">
                <label>电梯类型</label>
              </div>
              <div nz-form-control nz-col [nzSm]="12" [nzXs]="12">
                <nz-select style="width: 200px;" name="elevatorTypeId" nzAllowClear [nzPlaceHolder]="'请选择'" [(ngModel)]="elevatorlBean.elevatorTypeId"
                  [nzShowSearch]="true">
                  <nz-option *ngFor="let option of typeList" [nzLabel]="option.name" [nzValue]="option.value">
                  </nz-option>
                </nz-select>
              </div>
            </div>

            <div nz-form-item nz-col [nzSpan]="6">
              <div nz-form-label nz-col [nzSm]="12" [nzXs]="6">
                <label>项目名称</label>
              </div>
              <div nz-form-control nz-col [nzSm]="12" [nzXs]="12">
                <nz-select style="width: 200px;" name="elevatorTypeId" nzAllowClear [nzPlaceHolder]="'请选择'" [(ngModel)]="elevatorlBean.programName"
                           [nzShowSearch]="true">
                  <nz-option *ngFor="let option of listPro" [nzLabel]="option" [nzValue]="option">
                  </nz-option>
                </nz-select>
              </div>
            </div>
          </div>
          <!--监管单位查询可以看的，为什么不放在一起，写多个是因为样式乱了-->
          <div nz-row *ngIf="partyType==4 || roleId==1">
            <div nz-form-item nz-col [nzSpan]="8">
              <div nz-form-label nz-col [nzSm]="12" [nzXs]="6">
                <label>使用单位</label>
              </div>
              <div nz-form-control nz-col [nzSm]="12" [nzXs]="6">
                <nz-select style="width: 200px;" name="usedPartyId" nzAllowClear [nzPlaceHolder]="'请选择'" [nzShowSearch]="true"
                  [(ngModel)]="elevatorlBean.usedPartyId">
                  <nz-option *ngFor="let option of wuyeList" [nzLabel]="option.usedPartyName" [nzValue]="option.usedPartyId">
                  </nz-option>
                </nz-select>
              </div>
            </div>
            <div nz-form-item nz-col [nzSpan]="6">
              <div nz-form-label nz-col [nzSm]="12" [nzXs]="6">
                <label>维保单位</label>
              </div>
              <div nz-form-control nz-col [nzSm]="12" [nzXs]="12">
                <nz-select style="width: 200px;" name="maintenancePartyId" nzAllowClear [nzPlaceHolder]="'请选择'"
                  [(ngModel)]="elevatorlBean.maintenancePartyId" [nzShowSearch]="true">
                  <nz-option *ngFor="let option of weibaoList" [nzLabel]="option.maintenancePartyName" [nzValue]="option.maintenancePartyId">
                  </nz-option>
                </nz-select>
              </div>
            </div>
            <div nz-form-item nz-col [nzSpan]="6">
              <div nz-form-label nz-col [nzSm]="12" [nzXs]="12">
                <label>是否参与无纸化维保</label>
              </div>
              <div nz-form-control nz-col [nzSm]="12" [nzXs]="12">
                <nz-select style="width: 200px;" name="isPaperlessMaintenance" nzAllowClear [nzPlaceHolder]="'请选择'"
                           [(ngModel)]="elevatorlBean.isPaperlessMaintenance" [nzShowSearch]="true">
                  <nz-option  [nzLabel]="'未参与'" [nzValue]="'0'"></nz-option>
                  <nz-option  [nzLabel]="'已参与'" [nzValue]="'1'"></nz-option>
                </nz-select>
              </div>
            </div>
          </div>
          <!--使用单位查询可以看的-->
          <div nz-row *ngIf="partyType==2">
            <div nz-form-item nz-col [nzSpan]="8">
              <div nz-form-label nz-col [nzSm]="12" [nzXs]="6">
                <label>维保单位</label>
              </div>
              <div nz-form-control nz-col [nzSm]="12" [nzXs]="12">
                <nz-select style="width: 200px;" name="maintenancePartyId" nzAllowClear [nzPlaceHolder]="'请选择'"
                           [(ngModel)]="elevatorlBean.maintenancePartyId" [nzShowSearch]="true">
                  <nz-option *ngFor="let option of weibaoList" [nzLabel]="option.maintenancePartyName" [nzValue]="option.maintenancePartyId">
                  </nz-option>
                </nz-select>
              </div>
            </div>
            <div nz-form-item nz-col [nzSpan]="6">
              <div nz-form-label nz-col [nzSm]="12" [nzXs]="12">
                <label>安全管理员</label>
              </div>
              <div nz-form-control nz-col [nzSm]="12" [nzXs]="12">
                <nz-select style="width: 200px;" name="safeUserId" nzAllowClear [nzPlaceHolder]="'请选择'"
                           [(ngModel)]="elevatorlBean.safeUserId"
                           [nzShowSearch]="true">
                  <nz-option *ngFor="let option of usedPersonList" [nzLabel]="option.userName" [nzValue]="option.id">
                  </nz-option>
                </nz-select>
              </div>
            </div>
            <!--<div nz-form-item nz-col [nzSpan]="6">
              <div nz-form-label nz-col [nzSm]="12" [nzXs]="12">
                <label>是否参与投保</label>
              </div>
              <div nz-form-control nz-col [nzSm]="12" [nzXs]="12">
                <nz-select style="width: 200px;" nzAllowClear [nzPlaceHolder]="'请选择'" [nzShowSearch]="true"
                           [(ngModel)]="elevatorlBean.isInsure" name="isInsure" [disabled]="false">
                  <nz-option [nzLabel]="'否'" [nzValue]="'0'"></nz-option>
                  <nz-option [nzLabel]="'是'" [nzValue]="'1'"></nz-option>
                </nz-select>
              </div>
            </div>-->
            <div nz-form-item nz-col [nzSpan]="6">
              <div nz-form-label nz-col [nzSm]="12" [nzXs]="12">
                <label>是否参与无纸化维保</label>
              </div>
              <div nz-form-control nz-col [nzSm]="12" [nzXs]="12">
                <nz-select style="width: 200px;" name="isPaperlessMaintenance" nzAllowClear [nzPlaceHolder]="'请选择'"
                           [(ngModel)]="elevatorlBean.isPaperlessMaintenance" [nzShowSearch]="true">
                  <nz-option  [nzLabel]="'未参与'" [nzValue]="'0'"></nz-option>
                  <nz-option  [nzLabel]="'已参与'" [nzValue]="'1'"></nz-option>
                </nz-select>
              </div>
            </div>
          </div>

          <!--维保单位查询可以看的-->
          <div nz-row *ngIf="partyType==1">
            <div nz-form-item nz-col [nzSpan]="8">
              <div nz-form-label nz-col [nzSm]="12" [nzXs]="6">
                <label>使用单位</label>
              </div>
              <div nz-form-control nz-col [nzSm]="12" [nzXs]="6">
                <nz-select style="width: 200px;" name="usedPartyId" nzAllowClear [nzPlaceHolder]="'请选择'" [nzShowSearch]="true"
                           [(ngModel)]="elevatorlBean.usedPartyId">
                  <nz-option *ngFor="let option of wuyeList" [nzLabel]="option.usedPartyName" [nzValue]="option.usedPartyId">
                  </nz-option>
                </nz-select>
              </div>
            </div>
            <div nz-form-item nz-col [nzSpan]="6">
              <div nz-form-label nz-col [nzSm]="12" [nzXs]="12">
                <label>维保人员</label>
              </div>
              <div nz-form-control nz-col [nzSm]="12" [nzXs]="12">
                <nz-select style="width: 200px;" name="maintenanceUserFirst" nzAllowClear [nzPlaceHolder]="'请选择'"
                           [(ngModel)]="elevatorlBean.maintenanceUserFirst" [nzShowSearch]="true">
                  <nz-option *ngFor="let option of maintPersonList" [nzLabel]="option.userName" [nzValue]="option.id">
                  </nz-option>
                </nz-select>
              </div>
            </div>
            <div nz-form-item nz-col [nzSpan]="6">
              <div nz-form-label nz-col [nzSm]="12" [nzXs]="12">
                <label>是否参与无纸化维保</label>
              </div>
              <div nz-form-control nz-col [nzSm]="12" [nzXs]="12">
                <nz-select style="width: 200px;" name="isPaperlessMaintenance" nzAllowClear [nzPlaceHolder]="'请选择'"
                           [(ngModel)]="elevatorlBean.isPaperlessMaintenance" [nzShowSearch]="true">
                  <nz-option  [nzLabel]="'未参与'" [nzValue]="'0'"></nz-option>
                  <nz-option  [nzLabel]="'已参与'" [nzValue]="'1'"></nz-option>
                </nz-select>
              </div>
            </div>
          </div>

          <button nz-col [nzSm]="12" [nzXs]="12" style="margin-left: 145px;width: 90px;" nz-button [nzSize]="'large'" [nzType]="'primary'" (click)="queryAll()">查询</button>
        </form>
      </nz-collapse>
    </nz-collapseset>
    <nz-collapseset>
      <nz-collapse [nzTitle]="'导出'" [nzActive]="true">
        <span style="color: red">小提示：批量导出电梯的作业记录</span>
        <form nz-form [nzLayout]="'inline'">
          <div nz-row>
            <div nz-form-item nz-col [nzSpan]="8">
              <div nz-form-label nz-col [nzSm]="12" [nzXs]="6">
                <label>作业类型</label>
              </div>
              <div nz-form-control nz-col [nzSm]="12" [nzXs]="12">
                <nz-select style="width: 200px" name="workType" nzAllowClear [nzPlaceHolder]="'请选择'" [(ngModel)]="workType" [nzShowSearch]="true">
                  <nz-option *ngFor="let option of workTypes" [nzLabel]="option.name" [nzValue]="option.value">
                  </nz-option>
                </nz-select>
              </div>
            </div>

              <div nz-form-label nz-col [nzSpan]="3">
                <label>作业时间</label>
              </div>
              <div nz-form-item nz-col [nzSm]="8" [nzXs]="8"  [nzSpan]="6" *ngIf="workType == '3'">
                <nz-datepicker   name="1" [nzSize]="'middle'" [(ngModel)]="_startDate" nzMode="month" [nzShowTime]="'false'" [nzFormat]="'YYYY-MM'" [nzPlaceHolder]="'选择月份'"></nz-datepicker>
              </div>
              <div nz-form-item nz-col [nzSm]="8" [nzXs]="8" [nzSpan]="6" *ngIf="workType != '3'">
                <nz-datepicker  name="1" [nzSize]="'middle'" [(ngModel)]="_startDate"  [nzFormat]="'YYYY-MM-DD'" [nzPlaceHolder]="'开始时间'"></nz-datepicker> ~
                <nz-datepicker  name="2" [nzSize]="'middle'" [(ngModel)]="_endDate"  [nzFormat]="'YYYY-MM-DD'" [nzPlaceHolder]="'结束时间'"></nz-datepicker>
              </div>

            <button nz-col [nzSm]="6" [nzXs]="6"  nz-button style="width: 90px;" [nzSize]="'large'" [nzType]="'primary'" (click)="batchExport()">导出</button>
          </div>
        </form>
      </nz-collapse>
    </nz-collapseset>


    <ul nz-menu [nzMode]="'horizontal'">
     <!-- <li *ngIf="partyType=='2'" permission="SID000014" nz-menu-item (click)="add(title, content, footer)">
        <i class="anticon anticon-plus"></i>添加</li>-->
      <li *ngIf="partyType=='4'||partyType=='2' || roleId=='17' || roleId=='14' " permission="SID000015" nz-menu-item (click)="update(title, content, footer)">
        <i class="anticon anticon-copy"></i>修改</li>
      <li *ngIf="partyType=='4'||partyType=='2'" permission="SID000015" nz-menu-item (click)="batchUpdateSafeUser(titleUpdate, contentUpdate, footerUpdate)">
        <i class="anticon anticon-copy"></i>修改电梯管理员</li>
      <li *ngIf="partyType=='4'||partyType=='2' || roleId=='17' || roleId=='14' "  nz-menu-item (click)="batchUpdate(title, content, footer)">
        <i class="anticon anticon-copy"></i>修改单位/人员</li>
      <li *ngIf="partyType=='4'||partyType=='2' || partyType=='1' "  nz-menu-item (click)="batchUpdateChessboard(titleUpdateGame, contentUpdateGame, footerUpdateGame)">
        <i class="anticon anticon-copy"></i>修改所属分局</li>
      <!--<li *ngIf="roleId=='1'" nz-menu-item (click)="delete()">
        <i class="anticon anticon-copy"></i>删除</li>-->
      <li *ngIf="partyType=='2'" permission="SID000014" nz-menu-item (click)="showUpload(titleUpload, contentUpload, footerUpload)">
        <i class="anticon anticon-copy"></i>导入</li>
      <li *ngIf="partyType=='2'" permission="SID000014" nz-menu-item (click)="download('/information/elevator.xlsx','电梯台账数据模板.xlsx')">
        <i class="anticon anticon-copy"></i>下载台账导入模板</li>

      <li *ngIf="roleId=='1'" nz-menu-item (click)="download('/information/updateMaintenanceUsed.xlsx','修改维保/使用模板.xlsx')">
        <i class="anticon anticon-copy"></i>下载批量修改维保/使用模板</li>

      <li *ngIf="roleId=='14'"  nz-menu-item (click)="importEle(importUpload, contentImportUpload, footerImportUpload)">
        <i class="anticon anticon-copy"></i>批量修改维保/使用</li>

      <li *ngIf="partyType=='1' && (roleId=='17' || roleId=='14') " nz-menu-item (click)="download('/information/updateElevatorType.xlsx','修改电梯类型模板.xlsx')">
        <i class="anticon anticon-copy"></i>下载批量修改电梯类型</li>

      <li *ngIf="partyType=='1'||partyType=='17'" permission="SID000015" nz-menu-item (click)="batchUpdateElevatorType(titleUpdateElevatorType, contentUpdateElevatorType, footerUpdateElevatorType)">
        <i class="anticon anticon-copy"></i>批量修改电梯类型</li>

      <li *ngIf="partyType=='1' && (roleId=='17' || roleId=='14') "  nz-menu-item (click)="importEleType(importUploadEleType, contentImportUploadEleType, footerImportUploadEleType)">
        <i class="anticon anticon-copy"></i>模板导入批量修改电梯类型</li>
      <li *ngIf="roleId=='1'" nz-menu-item (click)="batchDelete()">
        <i class="anticon anticon-copy"></i>批量删除</li>
     <!-- <div nz-form-item nz-col [nzSpan]="6">
        <div nz-form-label nz-col [nzSm]="12" [nzXs]="6">
          <label>项目名称</label>
        </div>
        <div nz-form-control nz-col [nzSm]="12" [nzXs]="12">

      <nz-select style="width: 200px;" name="elevatorTypeId" nzAllowClear [nzPlaceHolder]="'请选择'" [(ngModel)]="elevatorlBean.programName"
                 [nzShowSearch]="true">
        <nz-option *ngFor="let option of listPro" [nzLabel]="option" [nzValue]="option">
        </nz-option>
      </nz-select>
        </div>
      </div>-->
      <!--<li *ngIf="partyType=='2'" permission="SID000014" nz-menu-item (click)="goInstance(titleInstance,contentInstance,footerInstance)">
        <i class="anticon anticon-copy"></i>电梯投保</li>-->

    </ul>
    <nz-table #nzTable [nzDataSource]="list" nzSize="middle" [nzBordered]="true" [nzIsPagination]="false"
      (nzDataChange)="displayDataChange($event)">
      <thead nz-thead>
        <tr>
          <th nz-th [nzCheckbox]="true">
            <label nz-checkbox [(ngModel)]="allChecked" [nzIndeterminate]="indeterminate" (ngModelChange)="checkAll($event)">
            </label>
          </th>
          <th nz-th>
            <span>外部关联码</span>
          </th>
          <th nz-th>
            <span>注册代码</span>
          </th>
          <th nz-th>
            <span>电梯出厂编号</span>
          </th>
          <th nz-th>
            <span>电梯类型</span>
          </th>
          <!--<th nz-th><span>电梯地址</span></th>-->
          <!--<th nz-th><span>楼号</span></th>
          <th nz-th><span>梯号</span></th>-->
          <th nz-th *ngIf="!partyType||partyType==4||partyType==1">
            <span>使用单位</span>
          </th>
          <th nz-th *ngIf="!partyType||partyType==4||partyType==2">
            <span>维保单位</span>
          </th>
          <th nz-th>
            <span>下次检验日期</span>
          </th>
          <th nz-th>
            <span>是否参与无纸化维保</span>
          </th>
          <th nz-th>
            <span>详细</span>
          </th>
          <th nz-th>
            <span>档案</span>
          </th>
        </tr>
      </thead>
      <tbody nz-tbody>
        <tr nz-tbody-tr *ngFor="let elevatt of list">
          <td nz-td [nzCheckbox]="true">
            <label nz-checkbox [nzDisabled]="elevatt.disabled" [(ngModel)]="elevatt.checked" (ngModelChange)="refreshStatus($event)">
            </label>
          </td>
          <td nz-td>{{elevatt.outsideNum}}</td>
          <td *ngIf="elevatt.userIsNull==1" style="background-color: #e74c3c;color: white;"  nz-td>{{elevatt.elevatorNum}}</td>
          <td *ngIf="elevatt.userIsNull !=1" nz-td>{{elevatt.elevatorNum}}</td>
          <td nz-td>{{elevatt.serialNum}}</td>
          <td *ngIf="elevatt.elevatorTypeIsNull==1" style="background-color: cornflowerblue;color: white;" nz-td>{{elevatt.elevatorTypeId | constantTransfer : elevatorTypes}}</td>
          <td *ngIf="elevatt.elevatorTypeIsNull!=1"  nz-td>{{elevatt.elevatorTypeId | constantTransfer : elevatorTypes}}</td>
          <!--<td nz-td>{{elevatt.buildAddr}}</td>-->
          <!--<td nz-td>{{elevatt.buildingInfo}}</td>
          <td nz-td>{{elevatt.elevatorBuildingNum}}</td>-->
          <td nz-td *ngIf="!partyType||partyType==4||partyType==1">{{elevatt.usedPartyName}}</td>
          <td nz-td *ngIf="!partyType||partyType==4||partyType==2">{{elevatt.maintenancePartyName}}</td>
          <td nz-td>{{elevatt.nextCheckDate | dateFormat}}</td>
          <td nz-td>
            {{elevatt.isPaperlessMaintenance | constantTransfer : isPaperMantanceList}}
          </td>
          <td nz-td>
            <span>
              <button nz-button [nzSize]="'small'" [nzType]="'primary'" (click)="toDetail(elevatt)">查看</button>
            </span>
          </td>
          <td nz-td>
            <span>
              <button nz-button [nzSize]="'small'" [nzType]="'primary'" (click)="toEdit(elevatt)">管理</button>
            </span>
          </td>
        </tr>
      </tbody>
    </nz-table>
    <nz-pagination [nzPageIndex]="elevatorlBean.currentPage" nzShowTotal [nzTotal]="total" nzShowSizeChanger
      (nzPageSizeChange)="nzPageSizeChange($event)" (nzPageIndexChange)="nzPageIndexChange($event)"
      (nzPageIndexClickChange)="nzPageIndexClickChange($event)" [nzPageSize]="elevatorlBean.pageSize"></nz-pagination>

    <!--添加页面 -->
    <ng-template #title>
      <span>{{modelTitle}}</span>
    </ng-template>
    <ng-template #content>
      <elevator-add *ngIf="modal==0" (outPut)="addOutPut($event)"></elevator-add>
      <elevator-modify *ngIf="modal==1" [inValue]="updateData" (outPut)="addOutPut($event)"></elevator-modify>
      <elevator-batch-modify *ngIf="modal==3" [inValue]="updateList" (outPut)="addOutPut($event)"></elevator-batch-modify>
      <elevator-unit-file *ngIf="modal==2" [inValue]="unitFileData" (callBack)='callBack($event)' (cancel)='cancel($event)'></elevator-unit-file>
    </ng-template>
    <ng-template #footer>
      <div>
      </div>
    </ng-template>

    <!-- 图片回显 -->
    <!-- <ng-template #titlepic>
          <span>资质文件</span>
      </ng-template>
      <ng-template #contentpic>
          <enlarge-pic [inValue]="picList" (outPut)="addOutPut($event)"></enlarge-pic>
      </ng-template>
      <ng-template #footerpic>
          <div>
          </div>
      </ng-template> -->

    <ng-template #titleUpload>
      <span>导入</span>
    </ng-template>
    <ng-template #contentUpload>
      <nz-spin [nzTip]="'正在导入请等待...'" [nzSpinning]="nzSpinning1">
        <div>
          导入电梯台账信息：
          <nz-upload nzAction="{{config.IP+config.API.uploadElevators}}" [nzBeforeUpload]="beforeUpload" [nzData]="upLoadParam"
            (nzChange)="uploadChage($event)" [nzShowUploadList]="false">
            <button nz-button>
              <i class="anticon anticon-upload"></i>
              <span>导入</span>
            </button>
          </nz-upload>
          <p style="margin-top:20px;color:red;font-weight:700;">建议每次最多导入50条，否则等待时间会过长。在导入期间请不要关闭窗口！</p>
        </div>
      </nz-spin>
    </ng-template>

    <ng-template #footerUpload>
      <div>
      </div>
    </ng-template>

    <!-- 批量修改维保/使用-->
    <ng-template #importUpload>
      <span>批量修改维保/使用</span>
    </ng-template>
    <ng-template #contentImportUpload>
      <nz-spin [nzTip]="'正在导入请等待...'" [nzSpinning]="nzSpinning1">
        <div>
          批量修改维保/使用：
          <nz-upload nzAction="{{config.IP+config.API.elevatorLedger}}" [nzBeforeUpload]="beforeUpload" [nzData]="upLoadParam"
                     (nzChange)="uploadChageMenu($event)" [nzShowUploadList]="false">
            <button nz-button>
              <i class="anticon anticon-upload"></i>
              <span>导入</span>
            </button>
          </nz-upload>
        </div>
      </nz-spin>
    </ng-template>


    <ng-template #footerImportUpload>
      <div>
      </div>
    </ng-template>
    <!-- 批量修改电梯类型-->
    <ng-template #importUploadEleType>
      <span>批量修改电梯类型</span>
    </ng-template>
    <ng-template #contentImportUploadEleType>
      <nz-spin [nzTip]="'正在导入请等待...'" [nzSpinning]="nzSpinning1">
        <div>
          批量修改电梯类型：
          <nz-upload nzAction="{{config.IP+config.API.elevatorLedgerType}}" [nzBeforeUpload]="beforeUpload" [nzData]="upLoadParam"
                     (nzChange)="uploadChageMenu($event)" [nzShowUploadList]="false">
            <button nz-button>
              <i class="anticon anticon-upload"></i>
              <span>导入</span>
            </button>
          </nz-upload>
        </div>
      </nz-spin>
    </ng-template>


    <ng-template #footerImportUploadEleType>
      <div>
      </div>
    </ng-template>


    <ng-template #titleUpdate>
      <span>修改安全管理员</span>
    </ng-template>
    <ng-template #contentUpdate>
      <form nz-form>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSpan]="6">
            <label>安全管理员</label>
          </div>
          <div nz-form-control nz-col [nzSpan]="8" nzHasFeedback>
            <nz-select  nzAllowClear [nzPlaceHolder]="'请选择'" [nzShowSearch]="true" [(ngModel)]="safeUserId" name="safeUserId">
              <nz-option *ngFor="let option of usedPersonList" [nzLabel]="option.userName" [nzValue]="option.id" >
              </nz-option>
            </nz-select>
          </div>
          <div nz-form-control nz-col [nzOffset]="'3'" [nzSpan]="3">
            <button nz-button class="login-form-button" [nzType]="'primary'" [nzSize]="'large'" (click)="updateSafeUser()">修改</button>
          </div>
          <div nz-form-control nz-col [nzSpan]="2">
            <button nz-button class="login-form-button" [nzType]="'primary'" [nzSize]="'large'" (click)="quit()">取消</button>
          </div>
        </div>
      </form>
    </ng-template>
    <ng-template #footerUpdate>
      <div>
      </div>
    </ng-template>
    <ng-template #titleUpdateGame>
      <span>修改所属分局</span>
    </ng-template>
    <ng-template #contentUpdateGame>
      <form nz-form>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSpan]="6">
            <label>所属分局</label>
          </div>
          <div nz-form-control nz-col [nzSpan]="8" nzHasFeedback>
            <nz-select  nzAllowClear [nzPlaceHolder]="'请选择'" [nzShowSearch]="true" [(ngModel)]="this.branchOfficIdStr" name="partyNameStr">
              <nz-option *ngFor="let option of partyNameList" [nzLabel]="option.partyName" [nzValue]="option.id" >
              </nz-option>
            </nz-select>
          </div>
          <div nz-form-control nz-col [nzOffset]="'3'" [nzSpan]="3">
            <button nz-button class="login-form-button" [nzType]="'primary'" [nzSize]="'large'" (click)="updateChessboard()">修改</button>
          </div>
          <div nz-form-control nz-col [nzSpan]="2">
            <button nz-button class="login-form-button" [nzType]="'primary'" [nzSize]="'large'" (click)="quit()">取消</button>
          </div>
        </div>
      </form>
    </ng-template>
    <ng-template #footerUpdateGame>
      <div>
      </div>
    </ng-template>
    <ng-template #titleUpdateElevatorType>
      <span>修改电梯类型</span>
    </ng-template>
    <ng-template #contentUpdateElevatorType>
      <form nz-form>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSpan]="6">
            <label>电梯类型</label>
          </div>
          <div nz-form-control nz-col [nzSpan]="8" nzHasFeedback>
            <nz-select  nzAllowClear [nzPlaceHolder]="'请选择'" [nzShowSearch]="true" [(ngModel)]="this.elevatorTypeIdStr" name="elevatorTypeId">
              <nz-option *ngFor="let option of typeList" [nzLabel]="option.name" [nzValue]="option.value" >
              </nz-option>
            </nz-select>
          </div>
          <div nz-form-control nz-col [nzOffset]="'3'" [nzSpan]="3">
            <button nz-button class="login-form-button" [nzType]="'primary'" [nzSize]="'large'" (click)="updateElevatorType()">修改</button>
          </div>
          <div nz-form-control nz-col [nzSpan]="2">
            <button nz-button class="login-form-button" [nzType]="'primary'" [nzSize]="'large'" (click)="quit()">取消</button>
          </div>
        </div>
      </form>
    </ng-template>
    <ng-template #footerUpdateElevatorType>
      <div>
      </div>
    </ng-template>

    <!--电梯投保入口-->
    <ng-template #titleInstance>
      <span>电梯投保</span>
    </ng-template>
    <ng-template #contentInstance>
      <form nz-form>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSpan]="6">
            <label>使用单位</label>
          </div>
          <div nz-form-control nz-col [nzSpan]="8" nzHasFeedback>
            <nz-input name="partyName" [(ngModel)]="partyName" [disabled]="true"></nz-input>
          </div>
        </div>

        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSpan]="6">
            <label>投保单位</label>
          </div>
          <div nz-form-control nz-col [nzSpan]="8" nzHasFeedback>
            <nz-select  nzAllowClear [nzPlaceHolder]="'请选择'" [nzShowSearch]="true" [(ngModel)]="instanceName" name="instanceName">
              <nz-option *ngFor="let option of usedPersonList" [nzLabel]="option.userName" [nzValue]="option.id" >
              </nz-option>
            </nz-select>
          </div>
        </div>

        <div nz-form-item nz-row style="margin-top: 50px">
          <div nz-form-control nz-col [nzOffset]="'7'" [nzSpan]="3">
            <button nz-button class="login-form-button" [nzType]="'primary'" [nzSize]="'large'" (click)="submitInstance()">提交</button>
          </div>
          <div nz-form-control nz-col [nzSpan]="3">
            <button nz-button class="login-form-button" [nzType]="'primary'" [nzSize]="'large'" (click)="quit()">取消</button>
          </div>
        </div>
      </form>
    </ng-template>
    <ng-template #footerInstance>
      <div>
      </div>
    </ng-template>
  </nz-spin>
</div>
